<template>
  <div class="profile-menus">
    <div class="menu-box1">
      <div class="menu-item">
        <img src="~assets/img/profile/message.svg" alt="" />
        <span>我的消息</span>
      </div>
      <div class="menu-item">
        <img src="~assets/img/profile/pointer.svg" alt="" />
        <span>积分商城</span>
      </div>
      <div class="menu-item">
        <img src="~assets/img/profile/vip.svg" alt="" />
        <span>会员卡</span>
      </div>
    </div>
    <div class="menu-box2">
      <div class="menu-item" @click="tapEventFn('cart')">
        <img src="~assets/img/profile/cart.svg" alt="" />
        <span>我的购物车</span>
      </div>
      <div class="menu-item">
        <img src="~assets/img/profile/shopping.svg" alt="" />
        <span>下载购物APP</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ProFileMunus",
  data() {
    return {};
  },
  methods: {
    tapEventFn(type){
      this.$router.push('/'+ type)
    }
  },
};
</script>

<style scoped>
.profile-menus {
  padding: 0 15px;
}
.menu-box1 {
  border-top: 10px solid #f8f8f8;
}
.menu-box2 {
  border-top: 10px solid #f8f8f8;
}
.menu-item {
  padding: 14px 0px;
  border-bottom: 1px solid #f5f5f5;
}
.menu-item img {
  width: 20px;
  vertical-align: middle;
}
.menu-item span {
  margin-left: 10px;
}
</style>